<html>
     <head>
        <meta charset="utf-8">
        <title>相册</title>
        <link rel="stylesheet" href="index.css">
        <link rel="stylesheet" href="libs/fancybox/jquery.fancybox.css">
        <link rel="stylesheet" href="libs/fancybox/helpers/jquery.fancybox-buttons.css">
        <link rel="stylesheet" href="libs/fancybox/helpers/jquery.fancybox-thumbs.css">
    </head>
    <body>
        <div id="xc">
            <!--n代表有多少乘以多少-->
            <!--div[style="background-image:url(image/$.jpg)]*n-->
            <div style="background-image:url(image/0.jpg)">
                <a href="image/0.jpg" rel="photo" >图片1</a>
            </div>
            <div style="background-image:url(image/1.jpg)">
                <a href="image/1.jpg" rel="photo">图片2</a>
            </div>
            <div style="background-image:url(image/2.jpg)">
                <a href="image/2.jpg" rel="photo">图片3</a>
            </div>
            <div style="background-image:url(image/3.jpg)">
                <a href="image/3.jpg" rel="photo">图片4</a>
            </div>
            <div style="background-image:url(image/4.jpg)">
                <a href="image/4.jpg" rel="photo">图片5</a>
            </div>
            <div style="background-image:url(image/5.jpg)">
                <a href="image/5.jpg" rel="photo">图片6</a>
            </div>
            <div style="background-image:url(image/6.jpg)">
                <a href="image/6.jpg" rel="photo">图片7</a>
            </div>
            <div style="background-image:url(image/7.png)">
                <a href="image/7.png" rel="photo">图片8</a>
            </div>
            <div style="background-image:url(image/8.jpg)">
                <a href="image/8.jpg" rel="photo">图片9</a>
            </div>
            <div style="background-image:url(image/9.jpg)">
                <a href="image/9.jpg" rel="photo">图片10</a>
            </div>
        </div>
    </body>

    <script src="libs/jquery.js"></script>
    <script src="libs/fancybox/jquery.fancybox.js"></script>
    <script src="libs/fancybox/helpers/jquery.fancybox-buttons.js"></script>
    <script src="libs/fancybox/helpers/jquery.fancybox-thumbs.js"></script>

    <script src="index.js"></script>

    
</html>
